<script setup>
import { reactive } from 'vue'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
const config = reactive({
  autoInsertSpace: true
})
</script>

<template>
  <el-config-provider :button="config" :locale="zhCn">
    <router-view>
    </router-view>
  </el-config-provider>
</template>

<style lang="scss">
.el-dialog {
  --el-dialog-border-radius: 24px !important;
}

.el-divider--horizontal {
  --el-border-color: #8473f717;
}

:deep.el-input.el-input--default.el-input--suffix {
  width: 200px !important;
}

.input-default-width {
  --el-input-width: 200px !important;

  .el-input {
    --el-input-width: 200px !important;
  }
}

/**
    页面标题
*/
.page-title {
  font-size: 28px;
  font-weight: bold;
}

.page-container {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 36px !important;
}

.el-page-header__icon {
  font-size: 20px !important;
}

.el-page-header__title {
  font-size: 20px !important;
}

.el-drawer__header {
  margin-bottom: 0 !important;
}

.pagination {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
}
</style>


